<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>文章详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/public.css" rel="stylesheet" />
		<style type="text/css">
			
			.mui-scroll-wrapper {
				top: 44px;
				background: #FFF;
			}
			.art-box{
				padding: 10px;
			}
			.art-box img{
				width: 100%;
				height: auto;
			}
			
		</style>
	</head>

	<body>
		<!--
    	作者：2184291781@qq.com
    	时间：2019-01-06
    	描述：头部
    -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">文章详情</h1>
		</header>

		<!--<div class="mui-content" id="news">
			<div v-html="items.contents"></div>
		</div>-->
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<!--这里放置真实显示的DOM内容-->
				<div class="art-box" v-html="items.contents" id="vv"></div>
			</div>
		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/tools.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			mui('.mui-scroll-wrapper').scroll({
				deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
			});
			var news = new Vue({
				el: '#vv',
				data: {
					items: [] //列表信息流数据
				},
				created: function() {
					var news_id = tools.getRequest().news_id;
					this.getContents(news_id);
				},
				methods: {
					/**
					 * 获取新闻详情
					 */
					getContents: function(news_id) {
						var that = this;
						$.ajax({
							type: "POST",
							url: c.apiUrl + "/Vxsel/getNewsContent",
							data: {
								news_id: news_id,
							},
							success: function(res) {
								that.items = res.data;
							}
						});
					}
				}
			});
		</script>
	</body>

</html>